.batch-work-sheet-dispatch {
  .order-tree {
    flex: 0 0 240px;
    border-right: none !important;
    .fresh-icon {
      position: absolute;
      width: 32px;
      height: 32px;
      background-color: #ffffff;
      top: 0;
      right: 0;
    }
    .t-pagination__btn, .t-pagination__jump {
      margin: 0 !important;
    }
    .t-collapse, .t-collapse-panel {
      border: none !important;
    }
    .t-pagination__total {
      display: none;
    }
    .t-collapse-panel__wrapper {
      border-bottom: none !important;
      border-top: none !important;
      border-left: none !important;
      border-right: none !important;
    }
    .t-collapse-panel__header {
      padding: 6px;
    }
    .t-collapse-panel__body, .t-collapse-panel__content {
      background-color: transparent !important;
    }
    .t-collapse-panel__content {
      padding: 0 !important;
      .batch-order {
        padding: 6px;
        &:not(:last-child) {
          border-bottom: solid 1px var(--td-border-level-2-color);
        }
        &:hover {
          background-color: #f2f2f2;
        }
        .order-label {
          color: #999999;
          margin-right: 5px;
          flex: 0 0 54px;
        }
        .order-value {
          color: #000000;
        }
      }
    }
    .active-order {
      background-color: #f2f2f2;
      .active-check {
        position: absolute;
        right: 6px !important;
        top: 6px !important;
      }
    }
    .order-page {
      padding: 10px;
      text-align: center;
    }
  }
  .work-sheet-dispatch-left {
    flex: 0 0 240px;
    height: 100%;
    margin-right: 12px;
    overflow-x: hidden;
    .file-view {
      .file2d {
        border-right: none !important;
      }
      .file2d, .file3d {
        border-bottom: none !important;
        height: 180px;
        overflow: hidden;
      }
    }
    .batch-list {
      flex: 0 0 240px;
      overflow-y: auto;
      .active {
        background-color: #f2f2f2;
      }
      .order-item {
        border-bottom: solid 1px #eeeeee;
        padding: 12px 12px 12px 22px;
        &:hover {
          background-color: #f2f2f2;
        }
        &-color {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          width: 10px;
        }
        .line {
          &:not(:last-child) {
            margin-bottom: 6px;
          }
          .label {
            color: #999999;
          }
        }
        .active-check {
          position: absolute;
          right: 2px;
          top: 2px;
        }
      }
    }
    .device-list {
      flex: 1;
      overflow-y: auto;
      border-left: none !important;
      .device-item {
        padding: 6px 10px;
        border-bottom: solid 1px #eeeeee;
        &:hover {
          background-color: #f2f2f2;
        }
      }
    }
  }
  .work-sheet-dispatch-right {
    flex: 1;
    height: 100%;
    .dhx_cal_event {
      .dhx_header,.dhx_footer {
        display: none;
      }
      .dhx_body {
        height: 24px;
      }
    }
  }
  .plan-gant {

  }
  .dispatch-header {
    min-height: 100px;
    height: auto;
    .next-form-item {
      margin-bottom: 0;
      .next-date-picker2-input > .next-input {
        width: 145px;
        input {
          width: 100%;
        }
      }
      .next-select {
        width: 180px;
      }
    }
  }
  .dispatch-action {
    button {
      width: 100%;
    }
  }
  .t-loading {
    width: 100%;
    min-height: 100px;
  }
  .order-detail {
    border-bottom: solid 1px var(--td-border-level-2-color);
    .product-img {
      width: 120px;
      height: 120px;
      border: solid 1px var(--td-border-level-2-color);
    }
    .t-col {
      padding-right: 12px !important;
      padding-bottom: 12px;
    }
    .t-input.t-is-disabled {
      background-color: var(--td-bg-color-container);
      color: var(--td-text-color-primary);
    }
    .t-input.t-is-disabled .t-input__inner {
      color: var(--td-text-color-primary);
    }
    .t-tabs__nav {
      min-height: 24px !important;
    }
    .t-tabs__nav-item.t-size-m {
      height: 24px;
      line-height: 24px;
    }
    .t-tabs__content {
      margin-top: 10px;
    }
  }
}
.work-task-dispatch-scheduler {
  height: 100%;
  .page-container {
    background-color: #ffffff;
    height: 100%;
    padding: 8px;
    > .dhx_cal_container {
      width: 100%;
      height: 100%;
    }
  }
  .dhx_cal_header {
    height: 80px !important;
    box-sizing: border-box !important;
    > div:first-child {
      height: 40px !important;
      .dhx_scale_bar {
        box-sizing: border-box !important;
        border-bottom: solid 1px #e0e0e0 !important;
        height: 40px !important;
        line-height: 40px !important;
      }
    }
    > div:last-child {
      .dhx_scale_bar {
        box-sizing: border-box !important;
        border-bottom: solid 1px #e0e0e0 !important;
        border-left: none !important;
        border-right: solid 1px #e0e0e0 !important;
        height: 39px !important;
        line-height: 39px !important;
      }
    }
    .dhx_second_scale_bar {
      border-top: solid 1px #e0e0e0 !important;
      border-bottom: solid 1px #e0e0e0 !important;
    }
    .dhx_second_scale_bar {
      // border-right: none !important;
    }
    .dhx_bottom_scale_container {
      border-left: solid 1px #e0e0e0 !important;
    }
  }
  .dhx_timeline_second_scale {
    width: 200px !important;
    height: 80px !important;
    // border-right: none !important;
    border: solid 1px #e0e0e0 !important;
  }
  .dhx_timeline_data_col > div:first-child {
    .dhx_timeline_data_cell {
      // border-bottom: none !important;
      &:last-child {
        // border-right: none !important;
      }
    }
  }
  .dhx_timeline_label_wrapper {
    .dhx_matrix_scell {
      border-left: solid 1px #e0e0e0;
      border-right: solid 1px #e0e0e0;
    }
  }
  .dhx_cal_data {
    top: 140px !important;
    bottom: 0 !important;
    height: auto !important;
    .dhx_timeline_table_wrapper {
      height: 100% !important;
      .dhx_timeline_label_wrapper {
        height: 100% !important;
      }
    }
  }
  .dhx_timeline_scrollable_data {
    height: 100% !important;
  }
  .dhx_cal_scale_placeholder {
    display: none !important;
  }
  .hide-task {
    display: none !important;
  }
  .gantt_grid_column_resize {
    background-color: transparent;
  }
  .gantt_task_content {
    overflow: visible;
  }
}
